1 <!DOCTYPE html>
2 <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
3 <!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
4
5 <head>
6 <meta charset="utf-8">
7 <title>NEED BLOOD | SPC-IKTHSS CHERUKULAMBA BLOOD DONORS DIRECTORY</title>
8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9 <meta name="description" content="Blood Donation - Activism & Campaign HTML5 Template">
10 <meta name="author" content="xenioushk">
11 <link rel="shortcut icon" href="images/favicon.png" />
12
13 <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
14 <!--[if lt IE 9]>
15 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
16 <![endif]-->
17
18 <!-- The styles -->
19 <link rel="stylesheet" href="css/bootstrap.min.css" />
20 <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" >
21 <link href="css/animate.css" rel="stylesheet" type="text/css" >
22 <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" >
23 <link href="css/venobox.css" rel="stylesheet" type="text/css" >
24 <link rel="stylesheet" href="css/styles.css" />
25 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
26
27
28 <body>
29
30 <div id="preloader">
31 <span class="margin-bottom"><img src="images/loader.gif" alt="" /></span>
32 </div>
33
34 <!-- HEADER -->
35
36 <header class="main-header clearfix" data-sticky_header="true">
37
38 <div class="top-bar clearfix">
39
40 <div class="container">
41
42 <div class="row">
43
44 <div class="col-md-4 col-sm-8">
45
46 <p>Welcome to blood bank directory. </p>
47
48 </div>
49
50 <div class="col-md-4 col-sm-4">
51 <center>
52 <p><a href="need-blood"><blink>Need Blood ?</blink></a></p>
53 </center>
54 </div>
55 <div class="col-md-4col-sm-12">
56 <div class="top-bar-social">
57 <a href="https://facebook.com/IKTEDUCity"><i class="fa fa-facebook"></i></a>
58 <a href="mailto:ikthssckb@gmail.com" target="_top"><i class="fa fa-envelope "></i></a>
59
60 <a href="https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos"><i class="fa fa-youtube"></i></a>
61 </div>
62 </div>
63
64 </div>
65
66 </div> <!-- end .container -->
67
68 </div> <!-- end .top-bar -->
69
70 <section class="header-wrapper navgiation-wrapper">
71
72 <div class="navbar navbar-default">
73 <div class="container">
74
75 <div class="navbar-header">
76 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
77 <span class="icon-bar"></span>
78 <span class="icon-bar"></span>
79 <span class="icon-bar"></span>
80 </button>
81 <a class="logo" href="index"><img alt="" src="images/logo.png"></a>
82 </div>
83
84 <div class="navbar-collapse collapse">
85 <ul class="nav navbar-nav navbar-right">
86 <li class="drop">
87 <li class="drop"><a href="index" title="Home Layout 01">Home</a></li>
88 <li><a href="need-blood" title="Donors">Donors</a></li>
89 <li><a href="be-a-part" title="BE A PART">BE A PART</a></li>
90 <li><a href="about-spc" title="About Spc">About Spc</a></li>
91 <li><a href="about-us" title="About Us">About Us</a></li>
92
93
94
95
96
97
98
99
100 <li><a href="contact">Contact</a></li>
101 </ul>
102 </div>
103 </div>
104 </div>
105
106 </section>
107
108 </header> <!-- end main-header -->
109
110 <!-- PAGE HEADING -->
111
112 <section class="page-header">
113
114 <div class="container">
115
116 <div class="row">
117
118 <div class="col-sm-12 text-center">
119
120 <h3>
121 DONORS
122 </h3>
123
124 <p class="page-breadcrumb">
125 <a href="#">Home</a> / DONORS
126 </p>
127
128
129 </div>
130
131 </div> <!-- end .row -->
132
133 </div> <!-- end .container -->
134
135 </section> <!-- end .page-header -->
136
137 <!-- TEAM SECTION -->
138
139 <section class="section-content-block section-our-team">
140
141 <div class="container wow fadeInUp">
142
143 <div class="row section-heading-wrapper">
144
145 <div class="col-md-12 col-sm-12 text-center">
146 <h2 class="section-heading"> SEARCH FOR BLOOD DONORS</h2>
147 <p class="section-subheading"><a href='be-a-part'>Are you ready to donate blood ?</a></p>
148 </div> <!-- end .col-sm-10 -->
149
150 </div>
151 <center>
152 <form class="appoinment-form" id ="send" action="" >
153 <div class="form-group col-md-12 col-md-1">
154 </div>
155 <div class="form-group col-md-12 col-md-4">
156 <select id="gp" class="form-control" placeholder="*Blood Group" type="select" required name="gp" >
157 <option value="">*Blood Group</option>
158 <option >A+</option>
159 <option >A-</option>
160 <option >B+</option>
161 <option >B-</option>
162 <option >O+</option>
163 <option>O-</option>
164 <option >AB+</option>
165 <option >AB-</option>
166
167
168 </select>
169 </div>
170 <div class="form-group col-md-12 col-md-4">
171 <input id="place" class="form-control" placeholder="Place" type="text" name="place" width="15%">
172 </div>
173
174 <div class="form-group col-md-12 col-md-1">
175 <button class="btn-submit" type="submit" id="but">search </button>
176 </div>
177
178 <div >
179 </form>
180 </center>
181 <br>
182
183 <div class="col-md-12 col-sm-12 text-center" id="count"> </div>
184
185
186 <div id="tableview" class="col-md-12 col-sm-12 text-center" ></div>
187
188 </div>
189 </div> <!-- end .container -->
190
191 </section> <!-- end .section-our-team -->
192
193
194
195
196 <footer>
197
198 <section class="footer-widget-area footer-widget-area-bg">
199
200 <div class="container">
201
202 <div class="row">
203
204 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
205
206 <div class="about-footer">
207
208 <div class="row">
209
210 <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
211 <img src="images/logo-footer.png" alt="" />
212 </div> <!-- end col-lg-3-->
213
214 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
215 <p>
216 Student Police Cadet Of IKTHSS Cherukulamba Has Stepped Into The Society By Introducing A Blood Doners Directory In Order To Innovate Every Individual's Participation In These Kind Of Social Activities....
217 </p>
218 </div> <!-- end .col-lg-9 -->
219
220 </div> <!-- end .row -->
221
222 </div> <!-- end .about-footer -->
223
224 </div> <!-- end .col-md-12 -->
225
226 </div> <!-- end .row -->
227
228 <div class="row">
229
230 <div class="col-md-4 col-sm-6 col-xs-12">
231
232 <div class="footer-widget">
233 <div class="sidebar-widget-wrapper">
234 <div class="footer-widget-header clearfix">
235 <h3>Powered by</h3>
236 </div>
237 <p></p>
238 <div class="footer-subscription">
239 <li><a href=""><img src="images/ikthss.jpg" height="45%" width="45%"></a></li>
240
241 </div>
242 </div>
243 </div>
244
245 </div> <!-- end .col-md-4 col-sm-12 -->
246
247 <div class="col-md-4 col-sm-6 col-xs-12">
248
249 <div class="footer-widget">
250
251 <div class="sidebar-widget-wrapper">
252
253 <div class="footer-widget-header clearfix">
254 <h3>Contact Us</h3>
255 </div> <!-- end .footer-widget-header -->
256
257
258 <div class="textwidget">
259
260 <i class="fa fa-envelope-o fa-contact"></i> <p><a href="mail:ikthssckb@gmail.com">ikthssckb@gmail.com</a></p>
261
262 <i class="fa fa-location-arrow fa-contact"></i> <p>Student Police Cadet<br/>Ikthss Cherukulamba<br> Vattalur(PO)-676507 <br> Malappuram</p>
263
264 <i class="fa fa-phone fa-contact"></i> <p>Phone: 04933 242 039
265
266 </div>
267
268 </div> <!-- end .footer-widget-wrapper -->
269
270 </div> <!-- end .footer-widget -->
271
272 </div> <!-- end .col-md-4 col-sm-12 -->
273
274 <div class="col-md-4 col-sm-12 col-xs-12">
275
276 <div class="footer-widget clearfix">
277
278 <div class="sidebar-widget-wrapper">
279
280 <div class="footer-widget-header clearfix">
281 <h3>Support Links</h3>
282 </div> <!-- end .footer-widget-header -->
283
284
285 <ul class="footer-useful-links">
286
287 <li>
288 <a href="https://facebook.com/IKTEDUCity">
289 <i class="fa fa-caret-right fa-footer"></i>
290 IKT Educity
291 </a>
292 </li>
293
294 <li>
295 <a href="https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos">
296 <i class="fa fa-caret-right fa-footer"></i>
297 IKT VISION
298 </a>
299 </li>
300 <li>
301 <a href="http://studentpolicecadet.org/">
302 <i class="fa fa-caret-right fa-footer"></i>
303 Student Police Cadet
304 </a>
305 </li>
306 <li>
307 <a href="about-us">
308 <i class="fa fa-caret-right fa-footer"></i>
309 About Us
310 </a>
311 </li>
312 <li>
313 <a href="contact">
314 <i class="fa fa-caret-right fa-footer"></i>
315 Contact Us
316 </a>
317 </li>
318 <li>
319 <a href="https://techzia.in">
320 <i class="fa fa-caret-right fa-footer"></i>
321 Techzia
322 </a>
323 </li>
324
325
326
327
328
329
330
331
332
333
334
335
336
337 </ul>
338
339 </div> <!-- end .footer-widget -->
340
341 </div> <!-- end .footer-widget -->
342
343 </div> <!-- end .col-md-4 col-sm-12 -->
344
345 </div> <!-- end row -->
346
347 </div> <!-- end .container -->
348
349 </section> <!-- end .footer-widget-area -->
350
351 <!--FOOTER CONTENT -->
352
353 <section class="footer-contents">
354
355 <div class="container">
356
357 <div class="row clearfix">
358 <center>
359 <div >
360
361 <p > Copyright © Ikthss Blood Donares Directory <?php echo date('Y');?>. All rights reserved - By <a href='https://techzia.in'>Techzia </a> </p>
362
363 </div> <!-- end .col-sm-6 -->
364 </center>
365
366 </div> <!-- end .col-lg-6 -->
367
368 </div> <!-- end .row -->
369
370 </div> <!-- end .container -->
371
372 </section> <!-- end .footer-content -->
373
374 </footer>
375
376 <!-- END FOOTER -->
377
378
379 <!-- Back To Top Button -->
380
381 <a id="backTop">Back To Top</a>
382 <script src="js/ajax.js"></script>
383 <script src="js/jquery.min.js"></script>
384 <script src="js/bootstrap.min.js"></script>
385 <script src="js/wow.min.js"></script>
386 <script src="js/jquery.backTop.min.js "></script>
387 <script src="js/waypoints.min.js"></script>
388 <script src="js/waypoints-sticky.min.js"></script>
389 <script src="js/owl.carousel.min.js"></script>
390 <script src="js/jquery.stellar.min.js"></script>
391 <script src="js/jquery.counterup.min.js"></script>
392 <script src="js/venobox.min.js"></script>
393 <script src="js/custom-scripts.js"></script>
394 <script src="js/ajax.js"></script>
395
396 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
397 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
398
399 <script>
400 $(function() {
401 $("#place").autocomplete({
402 source: "functions/search.php",
403 });
404 });
405 </script>
406
407 <script type="text/javascript">
408
409 $(document).ready(function(){
410
411 $("#send").submit(function(){
412 $(".appoinment-form .btn-submit").css("background-color", "#efb2b5");
413 $(".appoinment-form .btn-submit").css("border", "#debbbc");
414 $("#but").attr("disabled","disabled");
415 $("#but").html("searching...");
416 $(".alert").hide();
417 $("#tableview").slideUp("slow");
418 $("#count").slideUp("slow");
419 $.ajax({
420 type: "POST",
421 url: "functions/fetch.php",
422 data: $("#send").serialize(),
423 dataType: "json",
424
425 success: function(data){
426 $("#but").html("search");
427 $("#but").removeAttr("disabled","disabled");
428 $(".appoinment-form .btn-submit").css("background-color", "#FE3C47");
429 $(".appoinment-form .btn-submit").css("border", "2px solid #FE3C47");
430 var fulldata;
431 if(data.no>0){
432 fulldata=data.details;
433 $("#count").slideDown("slow");
434 $("#count").html("<h4> <font color='green'>"+data.no+" Result is Found</font>");
435
436
437 $("#tableview").slideDown("slow");
438 $("#tableview").html(fulldata);}
439 else{
440 $("#count").slideDown("slow");
441 $("#count").html("<h4> <font color='Red'>No Results Found</h4></font>");
442 $("#tableview").html("");
443 }
444
445
446
447
448 /*$("#but").html("SUBMIT");
449 $("#but").removeAttr("disabled","disabled");
450 $(".appoinment-form .btn-submit").css("background-color", "#FE3C47");
451 $(".appoinment-form .btn-submit").css("border", "2px solid #FE3C47");
452 $("#al").html("<div class='"+ data.class +"'>"+ data.msg+"</div>");
453 if(data.status=='sucess'){
454 $('#send').trigger("reset");
455 $("#gp").val("");*/
456
457
458 },
459 error: function(){
460 /*$("#but").html("SUBMIT");
461 $("#but").removeAttr("disabled","disabled");
462 $(".appoinment-form .btn-submit").css("background-color", "#FE3C47");
463 $(".appoinment-form .btn-submit").css("border", "2px solid #FE3C47");
464 $("#al").html("<div class='alert alert-danger'> <strong>Error!</strong> Oops something went wrong-(#A629)</div>");*/
465 }
466 });
467
468 //for post
469 return false;
470
471
472 });
473
474
475 });
476 </script>
477
478
479
480 </body>
481
482 </html>
